const path = require('path')
const HtmlWebPackPlugin = require('html-webpack-plugin')

const htmlPlugin = new HtmlWebPackPlugin({
    template: path.join(__dirname, './src/index.html'), // html 的文件路径
    filename: 'index.html'  // 实时生成 在内存中生成的文件路径
})

module.exports = {
    entry: './src/Router.js', //源文件,默认在src/index.js
    output: {
        path: __dirname,
        filename: './dist/bundle.js' // 编译过的js文件位置,    默认实时生成在内存 dist/main.js，
    },
    mode: 'development', // production 生成的文件小

    plugins: [
        htmlPlugin
    ],

    module: {
        rules: [
            {test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/}
        ]
    },
    // resolve: { // 这几个文件后缀不用写
    //     extensions: ['js', 'jsx', 'json']
    // },

};

